<!DOCTYPE html>
<!--[if lt IE 8 ]><html class="no-js ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="no-js ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 8)|!(IE)]><!--><html class="no-js" lang="en"> <!--<![endif]-->
<head>

   <!--- Basic Page Needs
   ================================================== -->
   <meta charset="utf-8">
	<title>Yao269</title>
	<meta name="description" content="">
	<meta name="author" content="">

   <!-- Mobile Specific Metas
   ================================================== -->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

	<!-- CSS
    ================================================== -->
   <link rel="stylesheet" href="css/default.css">
	<link rel="stylesheet" href="css/layout.css">
   <link rel="stylesheet" href="css/media-queries.css">
   <link rel="stylesheet" href="css/magnific-popup.css">

   <!-- Script
   ================================================== -->
	<script src="js/modernizr.js"></script>

   <!-- Favicons
	================================================== -->
	<link rel="shortcut icon" href="favicon.png" >

</head>

<body>

   <!-- Header
   ================================================== -->
   <header id="home">

      <nav id="nav-wrap">

         <a class="mobile-btn" href="#nav-wrap" title="Show navigation">Show navigation</a>
	      <a class="mobile-btn" href="#" title="Hide navigation">Hide navigation</a>

         <ul id="nav" class="nav">
            <li class="current"><a class="smoothscroll" href="#home">主页</a></li>
            <li><a class="smoothscroll" href="#about">简介</a></li>
	         <li><a class="smoothscroll" href="#resume">获奖</a></li>
            <li><a class="smoothscroll" href="#portfolio">剧照</a></li>
            <li><a class="smoothscroll" href="#testimonials">经典台词</a></li>
            <li><a class="smoothscroll" href="#contact">评价</a></li>
			<li><a class="smoothscroll" title="Back to Dormitory" onclick="window.open('http://xiaosiyier.gitee.io/ji-zhuo-girl-404-406/')"><i class="icon-plus">寝室首页</i></a></li>

         </ul> <!-- end #nav -->

      </nav> <!-- end #nav-wrap -->

      <div class="row banner">
         <div class="banner-text">
            <h1 class="responsive-headline">Killing Eve</h1>
            <h3>I'm Tina Yao. I like watch<span> TV</span>s, and <a href="https://baike.baidu.com/item/%E6%9D%80%E6%AD%BB%E4%BC%8A%E8%8A%99/22657040?fr=aladdin#3_2"><span>Killing Eve</span></a> is my love these days. Let's start
              and learn more about it.</h3>
            <hr />
</div>
      </div>

      <p class="scrolldown">
         <a class="smoothscroll" href="#about"><i class="icon-down-circle"></i></a>
      </p>

   </header> <!-- Header End -->


   <!-- About Section
   ================================================== -->
   <section id="about">

      <div class="row">

         <div class="three columns">

            <img class="profile-pic"  src="images/hha.jpg" alt="" />

         </div>

         <div class="nine columns main-col">

            <h2>简介</h2>

            <p>该剧主要讲述了一名英国军情五处办公室人员Eve和一名金牌杀手Villanelle之间猫鼠游戏的故事
            </p>

            <div class="row">

               <div class="columns contact-details">

                  <h2>主演</h2>
                  <p class="address"> <a href="https://baike.baidu.com/item/%E5%90%B4%E7%8F%8A%E5%8D%93/4313814"><span>Sandra Oh</span><br>
                    </a> <span><a href="https://baike.baidu.com/item/%E6%9C%B1%E8%BF%AA%C2%B7%E7%A7%91%E9%BB%98/18472001">Jodie Comer<br>
                      </a><a href="https://baike.baidu.com/item/%E8%B4%B9%E5%A5%A5%E7%BA%B3%C2%B7%E8%82%96/8607283?fromtitle=%E8%8F%B2%E5%A5%A5%E5%A8%9C%C2%B7%E8%82%96&amp;fromid=2073727"> Fiona Shaw </a></span><br>
                    <span><a href="https://baike.baidu.com/item/%E9%87%91%C2%B7%E6%B3%A2%E5%BE%B7%E5%B0%BC%E4%BA%9A/15623639">Kim Bodnia</a></span> </p>
			     <h2>编剧</h2>
			     <p><a href="https://baike.baidu.com/item/%E8%8F%B2%E6%AF%94%C2%B7%E6%B2%83%E5%8B%92-%E5%B8%83%E9%87%8C%E5%A5%87/19387352?fr=aladdin#4_1">Phoebe Waller-Bridge</a><br>
			       <a href="https://movie.douban.com/celebrity/1392270/"> Luke Jennings<br>
		           </a><a href="https://movie.douban.com/celebrity/1352049/">Emerald Fennell </a></p>
				   
			     <h2>导演</h2>
			     <p><a href="https://movie.douban.com/celebrity/1303624/">Jon East<br>
			       </a><a href="https://movie.douban.com/celebrity/1382307/">Damon Thomas</a><br>
			       <a href="https://movie.douban.com/celebrity/1320182/">Harry Bradbeer </a></p>
               </div>
				</div>
	    <p class="scrolldown">
         <a class="smoothscroll" href="#resume"><i class="icon-down-circle"></i></a>
      </p>

               

            </div> <!-- end row -->

         </div> <!-- end .main-col -->

      

   </section> <!-- About Section End-->


   <!-- Resume Section
   ================================================== -->
   <section id="resume">

      <!-- Education
      ----------------------------------------------- -->
      <div class="row education">

         <div class="three columns header-col">
            <h1><span>获奖</span></h1>
         </div>

         <div class="nine columns main-col">

            <div class="row item">

               <div class="twelve columns">

                  <h3>Sandra Oh</h3>
                  <p class="info">第76届美国金球奖剧情类剧集最佳女主角<span>&bull;</span> <em class="date">获奖</em></p>
                  <p class="info">第70届艾美奖剧情类剧集最佳女主角<span>&bull;</span> <em class="date">提名</em></p>
			     <p class="info">第24届评论家选择奖最佳剧情类剧集女主角 <span>&bull;</span> <em class="date">获奖</em></p>
				   <p class="info">第25届美国演员工会奖剧情类剧集最佳女演员<span>&bull;</span> <em class="date">获奖</em></p>

               </div>

            </div> <!-- item end -->

            <div class="row item">

               <div class="twelve columns">

                  <h3>Jodie Comer</h3>
                  <p class="info">第71届艾美奖剧情类剧集最佳女主角<span>&bull;</span> <em class="date">获奖</em></p>
				    <p class="info">第24届评论家选择奖最佳剧情类剧集女主角<span>&bull;</span> <em class="date">提名</em></p>

                 
               </div>

            </div> <!-- item end -->
			  <div class="row item">

               <div class="twelve columns">

                  <h3>Killing Eve</h3>
                  <p class="info">第24届评论家选择奖最佳剧情类剧集<span>&bull;</span> <em class="date">提名</em></p>

                 
               </div>
				  </div>
	    <p class="scrolldown">
         <a class="smoothscroll" href="#portfolio"><i class="icon-down-circle"></i></a>
      </p>

            </div> <!-- item end -->


        </div> <!-- main-col end -->

      </div> <!-- End Education -->


      <!-- Work
      ----------------------------------------------- -->      <!-- End Work -->


      <!-- Skills
      ----------------------------------------------- -->      <!-- End skills -->

   </section> <!-- Resume Section End-->


   <!-- Portfolio Section
   ================================================== -->
   <section id="portfolio">

      <div class="row">

         <div class="twelve columns collapsed">

            <h1>剧照</h1>

            <!-- portfolio-wrapper -->
            <div id="portfolio-wrapper" class="bgrid-quarters s-bgrid-thirds cf">

          	   <div class="columns portfolio-item">
                  <div class="item-wrap">

                     <a href="#modal-01" title="">
                        <img alt="" src="images/hhh.jpg">
                        <div class="overlay">
                           <div class="portfolio-item-meta">
          					      <h5>Villanelle</h5>
                              <p>剧照</p>
          					   </div>
                        </div>
                        <div class="link-icon"><i class="icon-plus"></i></div>
                     </a>

                  </div>
          		</div> <!-- item end -->

               <div class="columns portfolio-item">
                  <div class="item-wrap">

                     <a href="#modal-02" title="">
                        <img alt="" src="images/hhg.jpg">
                        <div class="overlay">
                           <div class="portfolio-item-meta">
          					      <h5>Eve</h5>
                              <p>剧照</p>
          					   </div>
                        </div>
                        <div class="link-icon"><i class="icon-plus"></i></div>
                     </a>

                  </div>
          		</div> <!-- item end -->

               <div class="columns portfolio-item">
                  <div class="item-wrap">

                     <a href="#modal-03" title="">
                        <img alt="" src="images/hhn.jpg">
                        <div class="overlay">
                           <div class="portfolio-item-meta">
          					      <h5>Constant</h5>
                              <p>剧照</p>
          					   </div>
                        </div>
                        <div class="link-icon"><i class="icon-plus"></i></div>
                     </a>

                  </div>
          		</div> <!-- item end -->

               <div class="columns portfolio-item">
                  <div class="item-wrap">

                     <a href="#modal-04" title="">
                        <img alt="" src="images/hhm.jpg">
                        <div class="overlay">
                           <div class="portfolio-item-meta">
          					      <h5>meet</h5>
                              <p>剧照</p>
          					   </div>
                        </div>
                        <div class="link-icon"><i class="icon-plus"></i></div>
                     </a>

                  </div>
          		</div> <!-- item end -->

               <div class="columns portfolio-item">
                  <div class="item-wrap">

                     <a href="#modal-05" title="">
                        <img alt="" src="images/hhf.jpg">
                        <div class="overlay">
                           <div class="portfolio-item-meta">
          					      <h5>Bill</h5>
                              <p>剧照</p>
          					   </div>
                        </div>
                        <div class="link-icon"><i class="icon-plus"></i></div>
                     </a>

                  </div>
          		</div> <!-- item end -->

               <div class="columns portfolio-item">
                  <div class="item-wrap">

                     <a href="#modal-06" title="">
                        <img alt="" src="images/hhc.jpg">
                        <div class="overlay">
                           <div class="portfolio-item-meta">
          					      <h5>Girls</h5>
                              <p>剧照</p>
          					   </div>
                        </div>
                        <div class="link-icon"><i class="icon-plus"></i></div>
                     </a>

                  </div>
          		</div> <!-- item end -->

               <div class="columns portfolio-item">
                  <div class="item-wrap">

                     <a href="#modal-07" title="">
                        <img alt="" src="images/hhe.jpg">
                        <div class="overlay">
                           <div class="portfolio-item-meta">
          					      <h5>prison</h5>
                              <p>剧照</p>
          					   </div>
                        </div>
                        <div class="link-icon"><i class="icon-plus"></i></div>
                     </a>

                  </div>
          		</div> <!-- item end -->

               <div class="columns portfolio-item">
                  <div class="item-wrap">

                     <a href="#modal-08" title="">
                        <img alt="" src="images/hhb.jpg">
                        <div class="overlay">
                           <div class="portfolio-item-meta">
          					      <h5>pink</h5>
                              <p>剧照</p>
          					   </div>
                        </div>
                        <div class="link-icon"><i class="icon-plus"></i></div>
                     </a>

                  </div>
          		</div>  <!-- item end -->

            </div> <!-- portfolio-wrapper end -->

         </div> <!-- twelve columns end -->


         <!-- Modal Popup
	      --------------------------------------------------------------- -->

         <div id="modal-01" class="popup-modal mfp-hide">

		      <img class="scale-with-grid" src="images/portfolio/modals/m-coffee.jpg" alt="" />

		      <div class="description-box">
			      <h4>Coffee Cup</h4>
			      <p>Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.</p>
               <span class="categories"><i class="fa fa-tag"></i>Branding, Webdesign</span>
		      </div>

            <div class="link-box">
               <a href="http://www.behance.net" target="_blank">Details</a>
		         <a class="popup-modal-dismiss">Close</a>
            </div>

	      </div><!-- modal-01 End -->

         <div id="modal-02" class="popup-modal mfp-hide">

		      <img class="scale-with-grid" src="images/portfolio/modals/m-console.jpg" alt="" />

		      <div class="description-box">
			      <h4>Console</h4>
			      <p>Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.</p>
               <span class="categories"><i class="fa fa-tag"></i>Branding, Web Development</span>
		      </div>

            <div class="link-box">
               <a href="http://www.behance.net" target="_blank">Details</a>
		         <a class="popup-modal-dismiss">Close</a>
            </div>

	      </div><!-- modal-02 End -->

         <div id="modal-03" class="popup-modal mfp-hide">

		      <img class="scale-with-grid" src="images/portfolio/modals/m-judah.jpg" alt="" />

		      <div class="description-box">
			      <h4>Judah</h4>
			      <p>Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.</p>
               <span class="categories"><i class="fa fa-tag"></i>Branding</span>
		      </div>

            <div class="link-box">
               <a href="http://www.behance.net" target="_blank">Details</a>
		         <a class="popup-modal-dismiss">Close</a>
            </div>

	      </div><!-- modal-03 End -->

         <div id="modal-04" class="popup-modal mfp-hide">

		      <img class="scale-with-grid" src="images/portfolio/modals/m-intothelight.jpg" alt="" />

		      <div class="description-box">
			      <h4>Into the Light</h4>
			      <p>Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.</p>
               <span class="categories"><i class="fa fa-tag"></i>Photography</span>
		      </div>

            <div class="link-box">
               <a href="http://www.behance.net" target="_blank">Details</a>
		         <a class="popup-modal-dismiss">Close</a>
            </div>

	      </div><!-- modal-04 End -->

         <div id="modal-05" class="popup-modal mfp-hide">

		      <img class="scale-with-grid" src="images/portfolio/modals/m-farmerboy.jpg" alt="" />

		      <div class="description-box">
			      <h4>Farmer Boy</h4>
			      <p>Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.</p>
               <span class="categories"><i class="fa fa-tag"></i>Branding, Webdesign</span>
		      </div>

            <div class="link-box">
               <a href="http://www.behance.net" target="_blank">Details</a>
		         <a class="popup-modal-dismiss">Close</a>
            </div>

	      </div><!-- modal-05 End -->

         <div id="modal-06" class="popup-modal mfp-hide">

		      <img class="scale-with-grid" src="images/portfolio/modals/m-girl.jpg" alt="" />

		      <div class="description-box">
			      <h4>Girl</h4>
			      <p>Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.</p>
               <span class="categories"><i class="fa fa-tag"></i>Photography</span>
		      </div>

            <div class="link-box">
               <a href="http://www.behance.net" target="_blank">Details</a>
		         <a class="popup-modal-dismiss">Close</a>
            </div>

	      </div><!-- modal-06 End -->

         <div id="modal-07" class="popup-modal mfp-hide">

		      <img class="scale-with-grid" src="images/portfolio/modals/m-origami.jpg" alt="" />

		      <div class="description-box">
			      <h4>Origami</h4>
			      <p>Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.</p>
               <span class="categories"><i class="fa fa-tag"></i>Branding, Illustration</span>
		      </div>

            <div class="link-box">
               <a href="http://www.behance.net" target="_blank">Details</a>
		         <a class="popup-modal-dismiss">Close</a>
            </div>

	      </div><!-- modal-07 End -->

         <div id="modal-08" class="popup-modal mfp-hide">

		      <img class="scale-with-grid" src="images/portfolio/modals/m-retrocam.jpg" alt="" />

		      <div class="description-box">
			      <h4>Retrocam</h4>
			      <p>Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.</p>
               <span class="categories"><i class="fa fa-tag"></i>Webdesign, Photography</span>
		      </div>

            <div class="link-box">
               <a href="http://www.behance.net" target="_blank">Details</a>
		         <a class="popup-modal-dismiss">Close</a>
            </div>

	      </div><!-- modal-01 End -->
		   <p class="scrolldown">
         <a class="smoothscroll" href="#testimonials"><i class="icon-down-circle"></i></a>
      </p>


      </div> <!-- row End -->

   </section> <!-- Portfolio Section End-->


   <!-- Call-To-Action Section
   ================================================== -->   <!-- Call-To-Action Section End-->


   <!-- Testimonials Section
   ================================================== -->
   <section id="testimonials">

      <div class="text-container">

         <div class="row">

            <div class="two columns header-col">

               <h1><span>自白</span></h1>

            </div>

            <div class="ten columns flex-container">

               <div class="flexslider">

                  <ul class="slides">

                     <li>
                        <blockquote>
                           <p>Most of the time...most days, I feel nothing. I don't feel anything. It is so boring. I wake up and I think, 'Again? Really? I have to do this again?' And what I really don't understand is, how come everybody else isn't screaming with...with boredom too?
                           </p>
                           <cite>Villanelle</cite>
                        </blockquote>
                     </li> <!-- slide ends -->

                     <li>
                        <blockquote>
                           <p>Language is information, information is everything.
                          </p>
                           <cite>Constant</cite>
                        </blockquote>
                     </li> <!-- slide ends -->

                  </ul>

               </div> <!-- div.flexslider ends -->
				<p class="scrolldown">
         <a class="smoothscroll" href="#contact"><i class="icon-down-circle"></i></a>
      </p>

            </div> <!-- div.flex-container ends -->
			

         </div> <!-- row ends -->
		   


       </div>  <!-- text-container ends -->
	   

   </section> <!-- Testimonials Section End-->


   <!-- Contact Section
   ================================================== -->
   <section id="contact">

         <div class="row section-head">

            <div class="two columns header-col">
              <h1>COMMENTS</h1>
            </div>

            <div class="ten columns">

                  <p class="lead">质量过硬，无论是双女主的设定，还是正邪追赶的猫鼠游戏，其实都不算新鲜。但是该剧的设定十分带感，一个是熟练老手但是不自知的美貌残忍女杀手，一个是极具天赋跃跃欲试的搞笑可爱菜鸟特工，火花四溅对手。<br><br>故事不按套路出牌，角色命运反转再反转。惊险的情节之外角色喜感满满，有了精彩的表演驱动，观众会原谅所有设定bug，就连残忍杀戮的画面也变得有趣可爱了。<br><br>对白中充斥着生活中的小幽默，又加入了不少现实元素；随剧情的深入，血腥镜头会更普遍，导演聪明的用一种贴近生活的氛围去包裹惊悚。
                  </p>
				<p class="scrolldown">
         <a class="smoothscroll" onclick="window.open('http://xiaosiyier.gitee.io/ji-zhuo-girl-404-406/')"><i class="icon-down-circle"></i></a><br>回到寝室首页
      </p>

            </div>

         </div>

         <div class="row">
<aside class="four columns footer-widgets">

       <div class="widget widget_contact">

					   <h4>观看通道</h4>
					   <p class="address"> Bilibili<br>
					     《双姝》 <br>
					     <a onclick="window.open('https://search.bilibili.com/all?keyword=%E5%8F%8C%E5%A7%9D&amp;from_source=nav_search&amp;spm_id_from=333.851.b_696e7465726e6174696f6e616c486561646572.10 ')"> https://search.bilibili.com/all?keyword=%E5%8F%8C%E5%A7%9D&amp;from_source=nav_search&amp;spm_id_from=333.851.b_696e7465726e6174696f6e616c486561646572.10 </a></p>
       </div>
</aside>

      </div>

   </section> <!-- Contact Section End-->


   <!-- footer
   ================================================== -->
   <footer>

      <div class="row">

         <div class="twelve columns">
<ul class="copyright">
        
        <li>Design by Tina Yao</li>   
            </ul>

         </div>

         <div id="go-top"><a class="smoothscroll" title="Back to Top" href="#home"><i class="icon-up-open"></i></a></div>

      </div>

   </footer> <!-- Footer End-->

   <!-- Java Script
   ================================================== -->
   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
   <script>window.jQuery || document.write('<script src="js/jquery-1.10.2.min.js"><\/script>')</script>
   <script type="text/javascript" src="js/jquery-migrate-1.2.1.min.js"></script>

   <script src="js/jquery.flexslider.js"></script>
   <script src="js/waypoints.js"></script>
   <script src="js/jquery.fittext.js"></script>
   <script src="js/magnific-popup.js"></script>
   <script src="js/init.js"></script>

</body>

</html>